iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
4
Modern Web

認識LIFF容易嗎?系列 第 1

[Day01] 註冊LIFF APP

  • 分享至 

  • xImage
  •  

前言

這系列是以本身是LIFF初學者的角度,邊摸索,邊學習,紀錄充滿歡笑與淚水(?)的過程。

註冊

登入 Line developer console

Create a new provider

什麼是Provider?

Provider即每一個LINE用戶,在每一個公司/組織的LINE平台開發的帳號,例如: 建一個Provider叫IT邦。

Create a new channel,選擇Line Login

此時,這個Provider底下,就增加一個Line Login channel。一個Provider下,可以存在多個channel。
image

填寫建立Channel資料 (當用戶加入服務時,出現在同意頁面的描述資訊),完畢後,會看到建立好的Line Login channel。
image

進入channel後,會看到一些設定。選擇LIFF頁面,點擊Add,建立LIFF APP。
image

建立LIFF APP

Basic information 各選項解釋

Size

這是當用戶點開LIFF URL後,期望彈出的視窗大小,分成Full、Tall及Compact。
image

Endpoint URL 

即進入點,假如將Endpoint URL設定成IT邦首頁,當用戶點擊LIFF URL後,開啟的畫面就會是IT邦的首頁。

限制
  • URL 只能以 HTTPS 開頭
  • URL 內不接受 (#hash)
  • 長度須 1000 字以內

Scope

勾選不同選項,可以取得不一樣的用戶資訊

  • openid: 取得用戶 ID token
  • profile: 取得用戶個人資訊
  • chat_message.write: 如果要使用liff.sendMessages(後續會介紹),須勾選

Bot link feature

當用戶登入LIFF APP後,是否顯示加入官方帳號為好友的頁面

  • normal: 同意頁面包含加入好友選項
  • aggressive: 另開加入好友分頁
  • off: 不顯示加入好友選項
    image

ScanQR

是否啟用讀取QR Code功能

按下Add,看到LIFF ID、LIFF URL,代表LIFF APP建立成功!

以下是建立LIFF APP後,才會出現的選項

shareTargetPicker

如果要使用liff.shareTargetPicker(之後會做介紹),須開啟

Module mode

這裡強調一下,Module mode用來設定是否不啟用share button

什麼是share button?

只有在Screen Size是Full的時候,才會出現share button的icon。用戶點擊share button後,可把URL以訊息的方式分享出去。
image

這裡要特別注意,如果啟用Module mode,是不啟用share button功能
image

如果有哪裡需要修正或改善的地方,懇請各位大神們提供建議。

參考資料


下一篇
[Day02] LIFF SDK
系列文
認識LIFF容易嗎?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言